<template>
  <div class="common-header">
    <back-ward></back-ward>
    <h1 class="title">{{title}}</h1>
  </div>
</template>

<script>
  import BackWard from './Sub/BackWard.vue'
  export default {
    name: 'CommonHeader',
    props: {
      title: String,
      default () {
        return {
          title: '一线通'
        }
      }
    },
    components: {
      'back-ward': BackWard
    }
  }
</script>

<style lang="scss" scoped="scoped">
  @import '~styles/mixins.scss';
  @import '~styles/variables.scss';

  .common-header {
    position: relative;
    @include flex-row;
    @include vh-center;
    height: $headerHeight;
    background-color: $defaultBgColor;

    h1 {
      font-size: .18rem;
    }
  }
</style>
